import React, { ReactNode, useState, useRef, useEffect, useCallback , forwardRef} from 'react';
import { ContentOutline, RightOutline } from 'antd-mobile-icons';
import bem from '@/utils/bem';
import classNames from 'classnames';
import './swiper.scss';

export interface SwiperNavItemProps {
    children?: ReactNode;
    id?: number;
    title?: string;
    navShow?: boolean | undefined;
}

const SwiperItem = forwardRef<HTMLDivElement, SwiperNavItemProps>((props, ref) =>  {
    const { id, children } = props;

    const b = bem('swiper');

    return (
        <div className={b('wrap__slide')}
            data-tab={id}
            ref={ref}
            >
            {children}
        </div>
    );
});

export default SwiperItem;



